/**------------- Header BEGIN--------------------------**/
.centerContainer {
	    background-color: white;
    border: 2px solid #FFCC66;
    border-radius: 10px 10px 10px 10px;
    margin: 20px auto 0;
    min-height: 450px;
    padding-bottom: 10px;
    position: relative;
    width: 960px;
    overflow: hidden;
}

.centerContainerTop {
	height: 100px;
}

.centerContainer .logo {
	background-image: url("../img/logo.png");
	float: left;
	height: 66px;
	margin: 10px;
	width: 307px;
}

.topNavigation {
	float: right;
	left: -70px;
	position: relative;
	width: auto;
}

.navigation li {
	display: inline;
}

.navigation li.first {
	margin-left: 15px;
}

.navigation a.link {
	text-decoration: none;
}

.block-link {
	color: white;
	margin-right: 15px;
}

.topNavigationContent {
	border-right: 2px solid #FFCC66;
	border-left: 2px solid #FFCC66;
	height: 30px;
	background-color: #F06D06;
}

.topBlockBottom {
	height: 15px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-left: 2px solid #FFCC66;
	border-right: 2px solid #FFCC66;
	border-bottom: 2px solid #FFCC66;
	background-color: #F06D06;
}

.navigation {
	padding: 10px;
}

/**------------- Header END--------------------------**/

/**------------- Content BEGIN--------------------------**/

.content {
    float: left;
    margin-left: 20px;
    position: relative;
    width: 750px;
}

.blockHeader .title {
    color: #9FADB8;
    float: left;
    font-family: 'tahoma';
    font-size: 23px;
    margin-top: 25px;
    width: auto;
}

.blockHeader {
    overflow: hidden;
}
.inline {
    display: inline-block;
    float: left;
}
/**------------- Content END--------------------------**/

/**------------- Footer BEGIN--------------------------**/
.footer {
	height: 50px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 960px;
}

.footerInfo ul li {
	display: inline;
}
/**------------- Footer END--------------------------**/

/**------------- Menu BEGIN--------------------------**/
.menu {
	border-top: 2px solid #ffcc66;
	border-right: 2px solid #ffcc66;
	border-bottom: 2px solid #ffcc66;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	height: auto;
	width: 150px;
	background-color: #F06D06;
	float: left;
	
}

.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.menu a {
	text-decoration: none;
	color: white;
	margin-left: 20px;
}

.menu .item {
	height: 30px;
}

.menu .item.active {
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	height: 30px;
	background: #FA9748;
	-webkit-transform: scale(1.1) translateX(24px);
	transform: scale(1.1) translateX(13px);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
	z-index: 3;
	border: 2px solid #ffcc66;
}

.menu ul.menu-list {
	margin-top: 10px;
	margin-bottom: 10px;
}

/**------------- Menu END--------------------------**/
.centerContainerContent {
	    clear: both;
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}

/**----------- Add Bet page BEGIN ----------------------**/

.addBet .block {padding: 10px;}

.addBet .step {
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    padding: 10px 10px 10px 20px;
    transform: scale(1.1) translateX(13px);
    width: 500px;
    z-index: 3;
    margin-bottom: 60px;
    overflow: hidden;
}
.addBet .type {float: left;padding: 10px;}

.selectBetType {
    border: 2px solid white;
    border-radius: 30px 30px 30px 30px;
    cursor: pointer;
    display: inline-block;
    height: 128px;
    width: 128px;
}

.selectBetType.active {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    transform: scale(1.1) translateX(13px);
    z-index: 3;
}
.description.active {
    color: #9FADB8;
}
.betTypeContainer {
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
}
.betTypeContainer .description {
    display: block;
    margin-top: 20px;
    text-align: center;
}

.person.type {
    margin-left: 30px;
}
.group .description {
    width: 160px;
}

.label {
    display: inline-block;
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 100px;
}

.addBet .buttons {
	float: right;
}

/**----------- Add Bet page END ----------------------**/
